<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<h:form>
		<p:panel styleClass="controles controlesOptions"
			rendered="#{!controlesSeguridadMBean.viewModulos}">
			<div>
				<h:outputLabel style="width: 67px;" value="Periodo" for="idPeriodo" />
				<p:selectOneMenu id="idPeriodoMarca" style="margin-top: -5px;"
					value="#{resumenProyCanalCategoriaMBean.periodoDefault}">
					<f:selectItem itemLabel="- Periodo -" itemValue="0" />
					<f:selectItems
						value="#{resumenProyCanalCategoriaMBean.listaPeriodos}"
						var="itemPeriodo" itemLabel="#{itemPeriodo.descripcion}"
						itemValue="#{itemPeriodo.id}" />
				</p:selectOneMenu>
			</div>
			<div>
				<h:outputLabel style="width: 67px;text-align: center;" value="Zona"
					for="idZona" />
				<p:selectOneMenu id="idZona" style="margin-top: -5px;"
					value="#{resumenProyCanalCategoriaMBean.idZona}">
					<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
					<f:selectItems value="#{resumenProyCanalCategoriaMBean.listaZonas}"
						var="itemZona" itemLabel="#{itemZona.codigo}"
						itemValue="#{itemZona.id}" />
				</p:selectOneMenu>
			</div>
			<div>
				<h:outputLabel style="width: 67px;text-align: center;" value="Canal"
					for="idCanal" />
				<p:selectOneMenu id="idCanal" style="margin-top: -5px;"
					value="#{resumenProyCanalCategoriaMBean.idCanal}">
					<f:selectItem itemLabel="-Seleccionar-" itemValue="0" />
					<f:selectItems value="#{resumenProyCanalCategoriaMBean.listaCategoriaCliente}"
						var="itemCanal" itemLabel="#{itemCanal.categoria}"
						itemValue="#{itemCanal.id}" />
				</p:selectOneMenu>
			</div>
			<div class="inputOptions">
				<div style="margin-left: 10px">
					<p:commandButton value="Mostrar" style="font-size: 12px;"
						update=":tabProyeccion:tableResumenCategoria"
						actionListener="#{resumenProyCanalCategoriaMBean.inicializar()}"
						id="frmMostrar" />
				</div>
			</div>
		</p:panel>
	</h:form>
	<h:form id="tableResumenCategoria">
		<h:form id="treeCategoria">
			<p:treeTable value="#{resumenProyCanalCategoriaMBean.root}"
				var="categoria">
				<p:column headerText="Id">
					<h:outputText value="#{categoria.id}" />
				</p:column>
				<p:column headerText="Categoria">
					<h:outputText value="#{categoria.categoria}" />
				</p:column>
				<p:column headerText="Monto">
					<h:outputText value="#{categoria.montoTotal}">
						<f:convertNumber currencySymbol="S/. " groupingUsed="true"
							maxFractionDigits="2" type="currency" />
					</h:outputText>
				</p:column>
			</p:treeTable>
		</h:form>
	</h:form>
</ui:composition>
</html>